@charset "UTF-8";
@font-face {
  font-family: "AGLettericaCondensed";
  src: url("../fonts/AGLettericaCondensed.woff2") format("woff2"),
       url("../fonts/AGLettericaCondensed.woff") format("woff"),
       url("../fonts/AGLettericaCondensed.ttf") format("truetype"),
       url("../fonts/AGLettericaCondensed.eot") format("embedded-opentype"),
       url("../fonts/AGLettericaCondensed.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #00a99f;
        /*border-radius: 4px;*/
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #00a99f;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #00a99f;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
body{
    overflow: hidden;
}
.index-btns-box{
    position: fixed;
    top: 0;
    right: 0;
    width: 2.75rem;
    height: 100%;
    border-left: 1px solid rgba(255,255,255,.15);
    z-index: 40;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .02);
    transition: all .3s;
}
.menu-box{
    text-align: center;
    position: absolute;
    left: 0;
    top: 4%;
    width: 100%;
}
.menu-btn{
    display: block;
    width: .9rem;
    height: .6rem;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .45rem;
    background-image: url('../img/index-nav-close1.png');
    transition: all .3s;
}
.menu-btn .line{
    position: absolute;
    height: 3px;
    background-color: rgba(241, 241, 241, .7);
    left: 0;
    width: 100%;
}
.menu-btn .line:nth-child(1){
    top: 0;
}
.menu-btn .line:nth-child(2){
    top: 50%;
    margin-top: -1px;
}
.menu-btn .line:nth-child(3){
    bottom: 0;
    left: auto;
    right: 0;
    width: .6rem;
}
.menu-box .txt{
    font-size: .3rem;
    line-height: .4rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    text-align: center;
    margin-top: .3rem;
    font-family: arial;
}
.index-btns-box .search-btn{
    position: absolute;
    left: 0;
    top: 28.5%;
    width: 100%;
    height: 1.85rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/search-btn.png');
    transition: all .3s;s
}

.index-btns{
    position: absolute;
    left: 0;
    top: 39%;
    width: 100%;
}
.index-btns a{
    position: relative;
    display: block;
    margin-bottom: .5rem;

}
.index-btns a:last-child{
    margin-bottom: 0;
}
.index-btns span{
    display: block;
}
.index-btns a .circle{
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 3px solid rgba(255,255,255,.25);
    margin: 0 auto;
    box-sizing: border-box;
}
.index-btns .txt{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: .3rem;
    line-height: .3rem;
    color: #fff;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    text-transform: uppercase;
}
.index-btns a:before{
    content: "";
    position: absolute;
    left: 50%;
    top: .6rem;
    width: 0;
    height: 1px;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-left: -.25rem;
    transition: all .3s;
}
.index-btns a.cur{
    padding-top: 1rem;
}
.index-btns a.cur .circle{
    background-color: #fff;
    border-color: #fff;
}
.index-btns a.cur .txt{
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-btns a.cur:before{
    width: .5rem;
}
.index-btns-box .icon-box{
    position: absolute;
    bottom: 22%;
    width: 100%;
}
.index-btns-box .icon-box .item{
    margin-bottom: .6rem;
    position: relative;
}
.index-btns-box .icon-box .item:last-child{
    margin-bottom: 0;
}

.index-btns-box .icon-box .tit{
    display: block;
    padding: .15rem 0;
    width: .5rem;
    margin: 0 auto;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .5rem;
}

.index-btns-box .icon-box .item:nth-child(1) .tit{
    background-image: url('../img/aside-icon1.png');
}
.index-btns-box .icon-box .item:nth-child(2) .tit{
    background-image: url('../img/aside-icon2.png');
}
.index-btns-box .icon-box .tel,
.index-btns-box .icon-box .qrcode{
    display: none;
    position: absolute;
}
.index-btns-box .icon-box .tel{
    right: 0;
    top: 50%;
    white-space: nowrap;
    background-color: #00a99f;
    color: #fff;
    font-size: .5rem;
    line-height: .6rem;
    background-repeat: no-repeat;
    background-position: .9rem center;
    background-image: url('../img/aside-tel.png');
    background-size: .55rem;
    padding: .4rem .9rem .4rem 1.875rem;
    border-radius: .8rem 0 0 .8rem;
    margin-top: -.8rem;
    font-family: arial;
}
.index-btns-box .icon-box .qrcode{
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    padding: .2rem;
    background-color: #00a99f;
    border-radius: 4px;
}
.index-btns-box .icon-box .qrcode img{
    width: 100%;
}

.index-btns-box .icon-box .qrcode:before{
    content: "";
    position: absolute;
    right: -16px;
    border: 8px solid transparent;
    border-left-color: #00a99f;
    top: 50%;
    margin-top: -8px;
}
.index-btns-box .scroll-btn{
    width: 11px;
    height: 59px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    bottom: 5.4%;
    left: 50%;
    margin-left: -5px;
    background-image: url('../img/aside-scroll.png');
    transition: all .3s;
}
.index-btns-box .scroll-btn img{
    width: 100%;
}
.index-search-wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21,28,33,.95);
    z-index: 30;
    box-sizing: border-box;
    display: none;
}
.index-search{
    position: absolute;
    top: 31%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 22.135% 0 9.9%;
}
.index-search .search-form{
    padding: 0 0 1.5rem .75rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.search-form input[type=text]{
    float: left;
    width: 70%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #fff;
    padding-left: 2.25rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/search-icon.png');
    background-color: transparent;
    opacity: .25;
    filter: alpha(opacity=25);
}
.search-form input[type=text]::-webkit-input-placeholder{
    color:#fff;  
}  
.search-form input[type=text]:-moz-placeholder{
    color:#fff;
}  
.search-form input[type=text]::-moz-placeholder{
    color:#fff;
}  
.search-form input[type=text]:-ms-input-placeholder {
    color:#888;
} 
.search-form .pub-more{
    float: right;
}
.index-search .keywords{
    padding-left: 3.25rem;
    margin-top: 1rem;
}
.index-search .keywords .tit{
    font-size: .3rem;
    line-height: .4rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}

.index-search .keywords .list{
    margin-top: .6rem;
}
.index-search .keywords .item{
    display: block;
    font-size: 0;
    margin-bottom: .3rem;
}
.index-search .keywords a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 0;
    transition: all .3s;
}
.index-search .keywords span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #fff;
    margin-right: .4rem;
}
.index-btns-box.search-cur{
    background-color: #05aba1;
    border-left-color: #1a2025;
}
.index-btns-box.search-cur .search-btn{
    background-image: url('../img/search-close.png');
    background-color: #1a2025;
}
.index-nav-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    display: none;
}
.index-nav-box .left{
    width: 50%;
    height: 100%;
    background-color: #4c4c4c;
    position: relative;
    float: left;
}
.index-nav{
    position: absolute;
    left: 33.854%;
    top: 22%;
}
.index-nav{
    font-size: 0;
}
.index-nav li{
    margin-bottom: 1rem;
    position: relative;
}
.index-nav li:last-child{
    margin-bottom: 0;
}
.index-nav .tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    transition: all .3s;
}
.index-nav .tit .num{
    position: absolute;
    left: 0;
    top: -.3rem;
    font-size: .35rem;
    line-height: .4rem;
    color: #00a99f;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    font-family: arial;
}
.index-nav .tit .txt{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    transition: all .3s;
}
.index-nav .navson{
    position: absolute;
    top: 50%;
    left: 100%;
    padding-left: 1.2rem;
    transform: translateY(-50%);
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-nav .navson .item{
    margin-bottom: .6rem;
}
.index-nav .navson a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    white-space: nowrap;
    position: relative;
    padding-left: .9rem;
}
.index-nav .navson a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width:0;
    height: 2px;
    background-color: #00a99f;
    margin-top: -1px;
    transition: all .3s;
}
.index-nav li.on .navson{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-nav-box .copy-box{
    position: absolute;
    left: 0;
    bottom: 6.5%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 8.3%;
}
.index-nav-box .copy{
    float: left;
    font-size: .3rem;
    line-height: .4rem;
    color: #8e8e8e;
}
.index-nav-box .copy a{
    color: #8e8e8e;
    transition: all .3s;
}
.index-nav-box .build,
.index-nav-box .build a{
    color: #868686;
    font-size: .3rem;
    line-height: .4rem;
    transition: all .3s;
}

.index-nav-box .build{
    float: right;
}
.index-nav-box .right{
    position: relative;
    float: right;
    width: calc(50% - 2.75rem);
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 2.75rem;
    box-sizing: border-box;
}
.index-nav-box .right .top-box{
    position: absolute;
    left:0;
    top: 21%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 15.59% 3.4rem;
}
.index-nav-box .right-tit{
    font-size: .35rem;
    line-height: .4rem;
    color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-nav-box .right .company{
    margin-top: .5rem;
}
.index-nav-box .right .company .cn{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
}
.index-nav-box .right .company .en{
    font-size: .3rem;
    line-height: .4rem;
    margin-top: 5px;
    color: #333;
    font-family: arial;
}
.index-nav-box .right .list{
    margin-top: .6rem;
}
.index-nav-box .right .list .item{
    margin-bottom: .6rem;
}
.index-nav-box .right .list .title{
    font-size: .3rem;
    line-height: .4rem;
    color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-nav-box .right .list .con{
    font-size: .45rem;
    line-height: .6rem;
    color: #333;
    margin-top: .3rem;
}
.index-nav-box .right .list .tel{
    font-family: arial;
}
.index-nav-box .right .bottom-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .9rem 15.59% 2.75rem;
    border-top: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.index-nav-box .right .qrcode-list{
    margin-top: .9rem;
    font-size: 0;
}
.index-nav-box .right .qrcode-list .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3.2rem;
    margin-right: .9rem;
}
.index-nav-box .right .qrcode-list .item:last-child{
    margin-right: 0;
}
.index-nav-box .right .qrcode-list .img{
    padding: 8px;
    border: 1px solid #d1d1d1;
}
.index-nav-box .right .qrcode-list img{
    width: 100%;
}
.index-nav-box .right .qrcode-list .txt{
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    margin-top: .25rem;
    text-align: center;
}
.index-btns-box.nav-cur{
    background-color: #00a99f;
}
.index-btns-box.nav-cur .menu-btn .line{
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-btns-box.nav-cur .menu-btn{
    background-image: url('../img/index-nav-close2.png');
}
.index-btns-box.nav-cur .menu-box .txt{
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-btns-box.message-cur{
    border-color: #d6d7d9;
    background-color: #f2f4f6;
}
.index-btns-box.message-cur .menu-btn .line{
    background-color: rgba(51,51,51,.7);
}
.index-btns-box.message-cur .menu-box .txt{
    color: rgba(0,0,0,.7);
}
.index-btns-box.message-cur .search-btn{
    background-image: url('../img/search-btn2.png');
}
.index-btns-box.message-cur .index-btns a .circle{
    border-color: rgba(0,0,0,.25);
}
.index-btns-box.message-cur .index-btns .txt{
    color: #000;
}
.index-btns-box.message-cur .index-btns a.cur .txt{
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-btns-box.message-cur .index-btns a.cur .circle{
    border-color: rgba(0,0,0,.35);
    background-color: #9e9fa0
}
.index-btns-box.message-cur .index-btns a.cur:before{
    background-color: rgba(0,0,0,.25);
}
.index-btns-box.message-cur .icon-box .item:nth-child(1) .tit{
    background-image: url('../img/ms-aside-icon1.png');
}
.index-btns-box.message-cur .icon-box .item:nth-child(2) .tit{
    background-image: url('../img/ms-aside-icon2.png');
}
.index-btns-box.message-cur .scroll-btn{
    background-image: url('../img/ms-aside-scroll.png');
}
.index-btns-box.message-cur.search-cur .search-btn{
    background-image: url('../img/search-close.png')
}
.index-btns-box.message-cur.search-cur{
    border-left-color: #1a2025;
}
.index-btns-box.nav-cur.message-cur .menu-btn{
    background-image: url('../img/index-nav-close3.png');
}
/* welcome header end */
.index-logo{
    position: absolute;
    left: 4.17%;
    top: 8%;
    width: 8.3rem;
    z-index: 20;
}
.index-logo img{
    display: block;
    width: 100%;
}
.index-logo .logo2{
    display: none;
}
.top-logo.on .logo1{
    display: none;
}
.top-logo.on .logo2{
    display: block;
}
.index-wrap{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.index-wrap>.swiper-wrapper>.swiper-slide{
    overflow: hidden;
}

.banner{
    height: 100%;
}
.banner .swiper-slide .bg-box{
    height: 100%;
}
.banner .swiper-slide .bg{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner .swiper-slide .m-img{
    display: none;
}
.banner .text{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 9.9%;
    transform: translateY(-50%);
}
.banner .text .en{
    font-family: arial;
    color: #fff;
}
.banner .text .en .tit{
    font-size: .6rem;
    line-height: .7rem;
}
.banner .text .en .desc{
    font-size: .4rem;
    line-height: .5rem;
}
.banner .text .en .line{
    margin-top: .6rem;
    width: 1.5rem;
    height: 2px;
    background-color: #00a99f;
}
.banner .text .cn{
    margin-top: 1.5rem;
    color: #fff;
}
.banner .text .cn .tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
}
.banner .text .cn .tit br{
    display: none;
}

.banner .text .cn .desc{
    font-size: .9rem;
    line-height: 1rem;
    margin-top: .4rem;
}
.banner .process{
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: rgba(255,255,255,.2);
    z-index: 3;
}
.banner .process .block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background-color: #00a99f;
}
.pub-more{
    position: relative;
    display: block;
    width: 4.6rem;
}
.pub-more .txt{
    display: block;
    background-color: rgba(0,169,169,.7);
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .8rem;
    font-size: .35rem;
    color: #fff;
    font-family: arial;
    position: relative;
    z-index: 3;
}
.pub-more .txt:before{
    content: "";
    position: absolute;
    right: .8rem;
    z-index: 3;
    top: 50%;
    width: 12px;
    height: 9px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/pub-arrow.png');
    margin-top: -4px;
}
.pub-more .border{
    position: absolute;
    left: .25rem;
    top: .25rem;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255,255,255,.25);
    transition: all .3s;
    box-sizing: border-box;
    transform: translate3d(0, 0, 0);
}
.banner .pub-more{
    margin-top: 1rem;
}
.index-wrap .line-box .line1{
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    opacity: .15;
    filter: alpha(opacity=15);
    z-index: 3;
}
.index-wrap .line-box .line2{
    position: absolute;
    left: 50%;
    top: 34%;
    width: calc(50% - 2.75rem);
    height: 1px;
    background-color: #fff;
    opacity: .15;
    filter: alpha(opacity=15);
    z-index: 3;
}
.index-product-box{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}
.product-view{
    width: 80.2%;
    margin: 0 auto;
    height: 100%;
    position: relative;
    z-index: 3;
}
.index-product{
    position: absolute;
    left: 0;
    top: 22%;
    width: 100%;
}
.index-product .swiper-slide{
    width: 61.23%;
}
.index-product .swiper-slide .img{
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-product .swiper-slide-next .img,
.index-product .swiper-slide-prev .img{
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-product .swiper-slide-active{
    width: 61.23%;
}

.index-product .img{
    width: 24.39%;
    margin: 0 auto;
    transition: all .8s;
    margin-top: 9.74%;
    /* opacity: .5;
    filter: alpha(opacity=.5); */
    position: relative;
    z-index: 3;
}
.index-product .img img{
    width: 100%;
}
.index-product .text{
    text-align: center;
    margin-top: -1.5rem;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-product .text .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
}
.index-product .text .con{
    font-size: .45rem;
    line-height: .6rem;
    color: #fff;
    margin-top: .3rem;
}

.index-product .en{
    position: absolute;
    left: 50%;
    top: -.9rem;
    transform: translateX(-50%);
    font-size: 6.25rem;
    line-height: 6rem;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    font-family: "AGLettericaCondensed";
}
.index-product .swiper-slide-active .img{
    width: 100%;
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-product .swiper-slide-active .text{
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-product .swiper-slide-active .en{
    opacity: .15;
    filter: alpha(opacity=15);
}
.index-product-box .tab-btns{
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 8%;
    text-align: center;
    width: 100%;
}
.index-product-box .tab-btns .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 100%;
    border:1px solid #f4f2f2;
    box-sizing: border-box;
    padding-top: .5rem;
    margin: 0 1.125rem;
    transition: all .3s;
}
.index-product-box .tab-btns .icon{
    width: .925rem;
    position: relative;
    margin: 0 auto;
}
.index-product-box .tab-btns .icon img{
    width: 100%;

}
.index-product-box .tab-btns .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-product-box .tab-btns .txt{
    font-size: .4rem;
    line-height: .5rem;
    margin-top: 5px;
    color: #fff;
    transition: all .3s;
}
.index-product-box .tab-btns .item.cur{
    background-color: #fff;
}
.index-product-box .tab-btns .item.cur .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-product-box .tab-btns .item.cur .init{
    opacity: 0;
    filter: alpha(opacity=0);
}
.index-product-box .tab-btns .item.cur .txt{
    color: #00a99f;
}
.index-factory-box .right{
    float: right;
    height: 100%;
    width: 50%;
    position: relative;
    overflow: hidden;
}

.index-factory-box{
    height: 100%;
    overflow: hidden;
}
.index-factory-box .img{
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.index-factory-box .img img{
    display: none;
}

.index-factory-box .text{
    float: left;
    width: 31.77%;
    height: 100%;
    background-color: #151c21;
    box-sizing: border-box;
    padding:11.2% 5.7% 0 9.9%;
}
.index-tit .cn{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
}
.index-tit .en{
    font-size: .6rem;
    line-height: .9rem;
    margin-top: .5rem;
    font-family: arial;
    color: #fff;
    text-transform: uppercase;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-con{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    margin-top: 1.25rem;
}
.index-more{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #00a99f;
    padding-bottom: .2rem;
    border-bottom: 1px solid #00a99f;
    text-transform: uppercase;
}
.index-factory-box .index-con{
    height: 4.5rem;
    overflow: hidden;
}
.index-factory-box .index-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00a99f;
    width: 3px;
}
.index-factory-box .index-con .mCSB_scrollTools{
    width: 3px;
}
.index-factory-box .index-con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: #f5f5f5;
}
.index-factory-box .text .index-more{
    margin-top: 2rem;
}
.index-factory-box .num-box{
    float: right;
    width: 18.23%;
    height: 100%;
}
.index-factory-box .num-box .item{
    height: 33.33%;
    padding: 33.33% 24% 0;
    box-sizing: border-box;
    border-bottom: 1px solid #d6d7d9;
    background-color: #f2f4f6;
    transition: all .3s;
}
.index-factory-box .num-box .num{
    font-size: .45rem;
    color: #666;
    transition: all .3s;
}
.index-factory-box .num-box .num span{
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "AGLettericaCondensed";
    margin-right: .1rem;
}

.index-factory-box .num-box .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #666;
    margin-top: .6rem;
}
.index-factory-box .btns{
    position: absolute;
    left: 9.9%;
    bottom: 20%;
    font-size: 0;
    z-index: 3;
}
.index-factory-box .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 3px solid rgba(255,255,255,.25);
    background-color: transparent;
    transition: all .3s;
    margin-right: .4rem;
}
.index-factory-box .btns .swiper-pagination-bullet-active{
    background-color: #fff;
    border-color: #fff;
}

.index-factory-box .play-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-factory-box .play-box .icon{
    width: 1.375rem;
    margin: 0 auto;
}
.index-factory-box .play-box .icon img{
    width: 100%;
}
.index-factory-box .play-box .txt{
    font-size: .35rem;
    line-height: .4rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    text-transform: uppercase;
    margin-top: .4rem;
}
.index-about-box{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-about{
    height: 100%;
}
.index-about-box .left{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 11.458% 9.9% 0;
}
.index-about-box .right{
    float: right;
    height: 100%;
    width: calc(50% - 2.75rem);
    margin-right: 2.75rem;
    box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,.15);
}
.index-about-box .list .item{
    width: 50%;
    height: 7rem;
    float: left;
    padding: 2rem 1.25rem .9rem;
    border-right: 1px solid rgba(255,255,255,.15);
    border-bottom: 1px solid rgba(255,255,255,.15);
    border-top: none;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/index-about1.png');
    transition: all .3s;
}
.index-about-box .list .icon{
    width: 1.9rem;
    margin: 0 auto;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s;
}
.index-about-box .list .icon img{
    width: 100%;
}
.index-about-box .list .text{
    margin-top: .75rem;
    height: 1.3rem;
    overflow: hidden;
    transition: all .3s;
}
.index-about-box .list .cn{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
}
.index-about-box .list .en{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    font-family: "AGLettericaCondensed";
    margin-top: .2rem;
    transition: all .3s;
}
.index-about-box .list .arrow{
    width: 1.5rem;
    margin: .4rem 0 0;
    transition: all .3s;
}
.index-about-box .list .arrow img{
    width: 100%;
    display: block;
}
.index-news-box{
    background-color: #f2f4f6;
    height: 100%;
}
.index-news-box .bg{
    float: right;
    width: 63.854%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-news{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.index-news-view{
    width: 78.125%;
    padding-right: 1rem;

    margin: 0 auto;
}
.index-news .index-more{
    margin-top: 1.75rem;
}
.gray-tit .cn{
    color: #0b0306;
}
.gray-tit .en{
    color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
}
.gray-tit .index-con{
    color: #666;
}
.index-news .left{
    float: left;
    width: 69.6%;
}
.index-news .news-title{
    float: left;
    margin-top: 1.75rem;
}
.index-news .top-box .con-box{
    float: right;
    width: 65.8%;
    position: relative;
}
.index-news .top-box .con-box img{
    width: 100%;
}
.index-news .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    height: 1.2rem;
    overflow: hidden;
    transition: all .3s;
}
.index-news .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #999;
    height: 1.5rem;
    overflow: hidden;
}
.index-news .top-box{
    position: relative;
}
.index-news .top-box .con-box .text{
    position: absolute;
    left: 0;
    bottom: .5rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem;
}
.index-news .top-box .con-box .tit{
    color: #fff;
    float: left;
    transition: all .3s;
    height: auto;
}
.index-news .detail{
    float: right;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/index-news-detail1.png');
    transition: all .3s;
}
.index-news .top-box .con-box .detail{
    background-image: url('../img/index-news-detail2.png');
    margin-top: .3rem;
}
.index-news .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 29.33%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 1rem 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/i-news-bg1.png');
    transition: all .3s;
}
.index-news .right .con{
    margin-top: .5rem;
    transition: all .3s;
}
.index-news .time-box{
    position: absolute;
    left: 0;
    bottom: 1.1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1.25rem;
}
.index-news .time-box .time{
    float: left;
    font-size: .35rem;
    line-height: .4rem;
    color: #333;
    opacity: .5;
    filter: alpha(opacity=50);
    transition: all .3s;
}
.index-news .bottom-box{
    margin-top: .7rem;
    position: relative;
}
.index-news .left{
    position: relative;
}
.index-news .left .item{
    float: left;
    width: 66%;
    position: relative;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.index-news .left .item .img{
    float: left;
    width: 47.826%;
}
.index-news .left .item .img img{
    width: 100%;
    transition: all .3s;
}
.index-news .left .item .text{
    position: absolute;
    right: 0;
    width: 52.174%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 1.1rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/i-news-bg1.png');
    transition: all .3s;
}
.index-news .item .time-box{
    padding: 0 1rem;
}
.index-news .item .con{
    height: 2.25rem;
    margin-top: .6rem;
    transition: all .3s;
}
.index-news .item2{
    position: absolute;
    right: 0;
    top: 0;
    width: 31.6%;
    height: 100%;
}
.index-news .item2 .img{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.index-news .item2 .play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.25rem;
    transform: translate(-50%,-50%);
}
.index-news .item2 .play-btn img{
    width: 100%;
}
.index-message-box{
    height: 100%;
    background-color: #f2f4f6;
}
.index-message-box .left{
    float: left;
    width: 50%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    border-right: 1px solid #d6d7d9;
    
}
.index-message-box .message-title{
    padding:0 15.625% 0 19.79%;
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    box-sizing: border-box;
}
.message-title .index-con{
    margin-top: .4rem;
}
.index-message-box .index-form-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.index-message-box .index-form{
    background-color: #fff;
    padding: 1rem 15.625% 1rem 19.79%;
    border-top: 1px solid #d6d7d9;
}
.index-form .row{
    margin: 0 -.3rem;
}
.index-form .item{
    margin-bottom: .25rem;
    box-sizing: border-box;
    padding: 0 .3rem;
}
.index-form .tit{
    font-size: .4rem;
    line-height: 1rem;
    color: #666;
    float: left;
    width: 32%;
    white-space: nowrap;
}
.index-form .tit span{
    color: #cc0000;
    font-size: .3rem;
    display: none;
}
.index-form input[type=text]{
    float: right;
    padding: .3rem .5rem;
    width: 67%;
    border: 1px solid #d0d2d3;
    font-size: .4rem;
    line-height: .4rem;
    height: 1rem;
    box-sizing: border-box;
    border-radius: 0;
}
.index-form .message-box .tit{
    width: 14%;
}
.index-form .message-box textarea{
    float: right;
    width: calc(84.4% - 1rem - 2px);
    padding: .3rem .5rem;
    border: 1px solid #d0d2d3;
    font-size: .4rem;
    line-height: .5rem;
    height: 3rem;
}
.index-form .check-box input[type=text]{
    float: left;
    width: 40%;
}
.index-form .check-box img{
    position: absolute;
    right: .5rem;
    top: 0;
    width: 22%;
    height: 100%;
}
.index-form-box .submit-box{
    padding: 1.1rem 0;
    background-color: #151c21;
    position: relative;
}
.index-form-box .submit-box .tip{
    padding-left: 19.79%;
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
}
.index-form-box .submit-box .tip br{
    display: none;
}
.index-form-box .submit{
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #00a99f;
    height: 100%;
    padding: 0 1.75rem 0 1.375rem;
    box-sizing: border-box;
    padding-top: .9rem;
}
.index-form-box .submit .en{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
}
.index-form-box .submit .cn{
    font-size: .35rem;
    line-height: .4rem;
    color: #fff;
    padding-right: 2.1rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/submit-arrow.png');
    background-size: 1.5rem;
}
.index-form-box .submit input[type=submit]{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border:none;
    padding:0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.index-message-box .right{
    float: right;
    width: calc(50% - 2.75rem);
    margin-right: 2.75rem;
    height: 100%;
    position: relative;
    z-index: 3;
}
.index-message-box .top-box{
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #d6d7d9;
    position: relative;
    z-index: 3;
}
.index-message-box .select{
    width: 4.25rem;
    position: relative;
}
.index-message-box .select .tit{
    font-size: .5rem;
    line-height: .8rem;
    padding-right: .75rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/type-arrow.png');
    color: #333;
}
.index-message-box .select .sub{
    position: absolute;
    left: 0;
    top: .8rem;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    display: none;
}
.index-message-box .select .sub a{
    display: block;
    font-size: .4rem;
    line-height: 1rem;
    color: #333;
    padding: 0 .4rem;
    background-color: #fff;
}
.index-message-box .map-box{
    padding: 0 1.25rem;
    margin-top: .9rem;
    position: relative;
    z-index: 2;
}
.map-box .city-btns{
    position: relative;
    z-index: 3;
}
.map-box .city-btns .item{
    font-size: 0;
    margin-bottom: .25rem;
}
.map-box .city-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    padding-left: .9rem;
    position: relative;
    transition: all .3s;
}
.map-box .city-btns a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 0;
    height: 2px;
    background-color: #00a99f;
    transition: all .3s;
}
.map-box .city-btns .item.cur a{
    color: #449994;
}
.map-box .city-btns .item.cur a:before{
    width: .5rem;
}
.index-message-box .map{
    margin-top: -2rem;
    position: relative;
}
.index-message-box .map img{
    width: 100%;
}
.index-message-box .map .icon{
    width: .6rem;
    height: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/map-disabled.png')
}

.index-message-box .map .item{
    position: absolute;
}
.index-message-box .map .city{
    position: absolute;
    right: .7rem;
    bottom: 0;
    font-size: .35rem;
    line-height: .4rem;
    color: #323333;
    opacity: .5;
    filter: alpha(opacity=50);
    white-space: nowrap;
}
.index-message-box .map .item:nth-child(1){
    top: 51.488%;
    right: 11.39%;
}
.index-message-box .map .item:nth-child(2){
    top: 49.55357%;
    right: 14.5695%;
}

.index-message-box .map .item:nth-child(3){
    top: 32.14%;
    right: 21.8543%;
}
.index-message-box .map .item:nth-child(4){
    top: 31.845%;
    right: 13.9%;
}
.index-message-box .map .item:nth-child(5){
    top: 38.69%;
    right: 14.569%;
}
.index-message-box .map .item:nth-child(6){
    top: 56.25%;
    right: 24.63576%;
}
.index-message-box .map .item:nth-child(7){
    top: 58.77976%;
    right: 46.8874%;
}
.index-message-box .map .item:nth-child(8){
    top: 28.2738%;
    right: 25.695%;
}
.index-message-box .map .item.visible .icon{
    background-image: url('../img/map-point.png');
}

.index-message-box .map .dialog{
    display: none;
    position: absolute;
    right: -2.5rem;
    width: 14.35rem;
    box-sizing: border-box;
    padding: .5rem;
    background-color: #fff;
    bottom: .9rem;
    box-shadow: 0 5px 10px rgba(4,0,00,.2);
}
.index-message-box .map .dialog .dialog-img{
    float: left;
    width: 26.415%;
}
.index-message-box .map .dialog .dialog-img img{
    width: 100%;
}
.index-message-box .map .dialog .text-box{
    float: left;
    width: 64.15%;
    margin-left: .4rem;
    margin-top: .2rem;
}
.index-message-box .map .dialog .text-box .tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #00a99f;
}
.index-message-box .map .dialog .text-box .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    margin-top: .5rem;
}
.index-message-box .map .dialog .text-box .address,
.index-message-box .map .dialog .text-box .tel{
    padding-left: 1.1rem;
    background-repeat: no-repeat;
    background-position: .4rem .1rem;
    background-size: .375rem;
}
.index-message-box .map .dialog .text-box .address{
    background-image: url('../img/map-icon1.png');
}
.index-message-box .map .dialog .text-box .tel{
    background-image: url('../img/map-icon2.png');
}

.index-message-box .map .dialog:before{
    content: "";
    position: absolute;
    right: 2.5rem;
    bottom: -.525rem;
    width: .825rem;
    height: .525rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/map-sj.png');
}

.index-message-box .map .item.visible .city{
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-message-box .map .item.visible.on{
    z-index: 3;
}
.index-message-box .map .item.visible.on .icon{
    background-image: url('../img/map-point2.png');
}
.index-message-box .map .item.visible.on .city{
    color: #00a99f;
}
.index-message-box .map .item.visible.on .dialog{
    display: block;
}
.index-page header{
    display: none;
}
/* welcome end */
.header-view{
    padding: 0 2%;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    background-color: #fff;
    z-index: 20;
}
header .logo{
    float: left;
    width: 8.225rem;
    margin-top: .8rem;
}
header .logo img{
    width: 100%;
    display: block;
}
header .header-right{
    float: right;
    font-size: 0;
}
.pc-nav,
.header-right .icon-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.7rem;
    position: relative;
}
.pc-nav li .tit{
    display: block;
    font-size: .375rem;
    line-height: 2.2rem;
    color: #333;
    position: relative;
    transition: all .3s;
}
.pc-nav li .tit:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #00a99f;
    transition: all .3s;
}
.pc-nav li .navson{
    position: absolute;
    left: 0;
    top: 2.35rem;
    width: 6rem;
    border: 1px solid #e5e5e5;
    border-top: 3px solid #00a99f;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all .3s;
}
.pc-nav li .navson a{
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .4rem;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 .6rem;
    transition: all .3s;
}
.pc-nav li .navson a:last-child{
    border-bottom: none;
}
.pc-nav li.cur .tit{
    color: #00a99f;
}
.pc-nav li.cur .tit:before{
    width: 100%;
}

.header-right .icon-box{
    margin-left: 1.1rem;
}
.header-right .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-left: .6rem;
    position: relative;
}
.header-right .icon-box .item:first-child{
    margin-left: 0;
}
.header-right .icon-box .icon{
    display: block;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
}
.header-right .icon-box .item:nth-child(1) .icon{
    background-image: url('../img/header-icon1.png');
}
.header-right .icon-box .item:nth-child(2) .icon{
    background-image: url('../img/header-icon2.png');
}
.header-right .icon-box .item:nth-child(3) .icon{
    background-image: url('../img/header-icon3.png');
}
.header-right .icon-box .sub{
    position: absolute;
    display: none;
}

.header-right .icon-box .qrcode{
    position: absolute;
    left: 50%;
    top: 21px;
    transform: translateX(-50%);
    padding-top: 8px;
}
.header-right .icon-box .qrcode .img{
    padding: .2rem;
    background-color: #00a99f;
    border-radius: 4px;
    width: 2.5rem;
}
.header-right .icon-box .qrcode:before,
.header-right .icon-box .tel:before{
    content: "";
    position: absolute;
    left: 50%;
    border: 8px solid transparent;
    border-bottom-color: #00a99f;
    top: -8px;
    margin-left: -8px;
}
.header-right .icon-box .qrcode .img img{
    width: 100%;
}

.header-right .icon-box .tel{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 21px;
    padding-top: 8px;
}
.header-right .icon-box .tel-num{
    white-space: nowrap;
    background-color: #00a99f;
    color: #fff;
    font-size: .5rem;
    line-height: .6rem;
    background-repeat: no-repeat;
    background-position: .4rem center;
    background-image: url('../img/aside-tel.png');
    background-size: .5rem;
    padding: .2rem .4rem .2rem 1rem;
    border-radius: .8rem;
    font-family: arial;
}
.header-search-wrap{
    width: 100%;
}
.header-search-wrap .closevid{
    width: 40px;
    height: 40px;
    background: url(../img/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.m-nav-box{
    display: none;
}
/* header end */
.footer-top{
    padding: 1.25rem 0 1.35rem;
    border-top: 1px solid #dedede;
}
.f-nav{
    text-align: center;
}
.f-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin: 0 1.5rem;
}
.f-nav .tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #333;
    transition: all .3s;
}
.f-nav .navson{
    margin-top: .7rem;
}
.f-nav .navson a{
    display: block;
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    margin-bottom: .4rem;
    transition: all .3s;
}
.f-nav .navson a:last-child{
    margin-bottom: 0;
}


.top-btn .icon{
    display: block;
    margin: 0 auto;
    width: 11px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/top-arrow.png');
}
.top-btn .txt{
    display: block;
    text-align: center;
    font-size: .3rem;
    line-height: .4rem;
    color: #fff;
    font-family: arial;
    margin-top: 4px;
    text-transform: uppercase;
}
.footer-bottom{
    background-color: #151c21;
}
.f-qrcode{
    text-align: center;
    padding: 1.5rem 0 1rem;
    font-size: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.f-qrcode .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .4rem;
}
.f-qrcode .item .img{
    width: 2.5rem;
    padding: .25rem;
    background-color: #fff;
}
.f-qrcode .item .img img{
    width: 100%;
}
.f-qrcode .item .txt{
    font-size: .4rem;
    color: #fff;
    margin-top: .3rem;
    line-height: .5rem;
}
.footer-bottom .copy-box{
    padding: .8rem 0;
    text-align: center;
}
.footer-bottom .copy{
    font-size: .35rem;
    line-height: .4rem;
    color: #ccc;
    text-transform: uppercase;
}
.footer-bottom .info{
    font-size: .3rem;
    line-height: .6rem;
    margin-top: .2rem;
    color: #a0a1a2;
}
.footer-bottom .info br{
    display: none;
}
.footer-bottom .info span,
.footer-bottom .info a{
    color: #616364;
    transition: all .3s;
}
/* footer end */
.view{
    width: 75%;
    margin: 0 auto;
}
.sub-banner{
    position: relative;
    overflow: hidden;
}
.sub-banner img{
    width: 100%;
}
.sub-banner .text-box{
    position: absolute;
    left: 0;
    top: 35.875%;
    width: 100%;
    color: #fff;
}
.sub-banner .text-box .line{
    width: 1.75rem;
    height: 3px;
    background-color: #00a99f;
}
.sub-banner .text-box .en{
    font-size: .35rem;
    line-height: .4rem;
    margin-top: .3rem;
    text-transform: capitalize;
}
.sub-banner .text-box .cn{
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-top: .4rem;
}
.sub-banner .text-box .desc{
    font-size: .45rem;
    line-height: .5rem;
    margin-top: .7rem;
    opacity: .8;
    filter: alpha(opacity=80);
}
.sub-nav-box{
    border-bottom: 1px solid #eaeaea;
}
.sub-nav{
    font-size: 0;
    text-align: center;
}
.sub-nav a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.6rem;
    font-size: .4rem;
    color: #333;
    opacity: .7;
    filter: alpha(opacity=70);
    margin: 0 1.25rem;
    transition: all .3s;
}
.sub-nav a.cur{
    font-weight: bold;
    opacity: 1;
    filter: alpha(opacity=100);
}
.profile-box{
    padding: 2.75rem 0 1.5rem;
    position: relative;   
}
.profile-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.profile-box .view{
    position: relative;
    z-index: 3;
}
.about-tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #333;
}
.profile{
    width:63.6%; 
}
.profile .top-box{
    width: 61.13%;
}
.profile .jp-tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #00a99f;
    margin-top: .4rem;
}
.profile .en-tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
    font-family: arial;
    margin-top: 1rem;
}
.profile .con{
    font-size: .4rem;
    line-height: .7rem;
    margin-top: 1rem;
}
.profile .pub-more{
    float: right;
}
.profile .pub-more .txt{
    background-color: rgba(0, 169, 159, .7);
}
.profile .pub-more .border{
    border-color: rgba(0, 0, 0, .25);
}
.profile .bottom-box{
    margin-top: 2rem;
    border-top: 2px solid #00a99f;
    padding-top: .7rem;
}
.profile .bottom-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #00a99f;
}
.profile .bottom-box .con{
    font-size: .35rem;
    line-height: .75rem;
    width: 61.13%;
    margin-top: .5rem;
}
.profile .bottom-box .list{
    padding-top: .5rem;
    margin-top: .9rem;
    border-top: 1px solid rgba(84,84,84,.2);
    width: 94.98%;
}
.profile .bottom-box .list .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-right: 2rem;
    margin-bottom: .5rem;
}
.profile .bottom-box .list-tit{
    font-size: .3rem;
    line-height: .4rem;
    color: #999;
}
.profile .bottom-box .list-con{
    font-size: .35rem;
    line-height: .4rem;
    margin-top: .2rem;
}

.culture-box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.5rem;
    background-color: #fff;
}
.culture-box{
    position: relative;
    padding-top: 2.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.culture-box .view{
    position: relative;
    z-index: 3;
}
.culture-box .about-tit{
    color: #fff;
    text-align: center;
}
.culture-box .list{
    margin-top: .9rem;
    position: relative;
}
.culture-box .list .item{
    box-sizing: border-box;
    padding: 0 .45rem;
}
.culture-box .list .item:nth-child(2){
    margin-top: .75rem;
}
.culture-box .list .row{
    margin: 0 -.45rem;
}
.culture-box .list .con-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: .25rem .25rem 0;
    position: relative;
    box-shadow: 0 5px 10px rgba(51,51,51,.15);
}
.culture-box .list .item{
    box-sizing: border-box;
    padding: 0 .45rem;
}
.culture-box .list .text{
    border: 1px solid rgba(255,255,255,.25);
    border-bottom: none;
    padding: 1.1rem .75rem 2.75rem;
    position: relative;
    z-index: 3;
}
.culture-box .list .num{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .6rem;
    line-height: .7rem;
    padding-right: .6rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/culture-arrow.png');
    color: #fff;
    font-family: "AGLettericaCondensed";
}
.culture-box .list .con{
    font-size: .5rem;
    line-height: .9rem;
    color: #fff;
    margin-top: 1rem;
    min-height: 4.5rem;
}
.culture-box .list .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00a99f;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.develop-box{
    padding: 2rem 0 4.5rem;
    background-position: bottom center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.develop-box .about-tit{
    text-align: center;
}
.develop-box .develop-tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #00a99f;
    text-align: center;
    margin-top: .4rem;
}
.develop-tab-box{
    margin-top: 1.625rem;
    position: relative;
}
.develop-tab-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: .75rem;
    background-color: #e8e8e8;
    margin-top: -.375rem;
}
.develop-wrap{
    padding: 3rem 0;
    overflow: hidden;
}
.develop-tab{
    padding: 0 1.5rem;
    background-color: #00a99f;
    height: .75rem;
    position: relative;
    /* overflow: hidden; */
}
.develop-tab:before,
.develop-tab:after{
    content: "";
    position: absolute;
    top: 0;
    width: .5rem;
    height: .75rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #e8e8e8;
    z-index: 2;
}
.develop-tab:before{
    left: 0;
    background-image: url('../img/develop-prev-bg.png');
}
.develop-tab:after{
    right: 0;
    background-image: url('../img/develop-next-bg.png');
}
.develop-tab .swiper-slide{
    width: auto;
    margin-right: 3rem;
}
.develop-tab .year{
    font-size: .4rem;
    line-height: .74rem;
    color: #fff;
    padding-left: .6rem;
    position: relative;
    z-index: 3;
}
.develop-tab .year:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: .3rem;
    height: .3rem;
    background: #fff;
    border-radius: 100%;
    margin-top: -.15rem;
}
.develop-tab .text{
    /* display: none; */
    position: absolute;
    width: 9.75rem;
    box-sizing: border-box;
    padding-left: .4rem;
    left: .15rem;
    height: 3rem;
    box-sizing: border-box;
    border-left: 1px solid rgba(84,84,84,.25);
}
.develop-tab .swiper-slide:nth-child(2n+1) .text{
    bottom: .4rem;
}
.develop-tab .swiper-slide:nth-child(2n) .text{
    top: .4rem;
}
.develop-tab .swiper-slide .con{
    position: absolute;
    left: 0;
    font-size: .35rem;
    line-height: .6rem;
    width: 100%;
    padding-left: .4rem;
    box-sizing: border-box;
}
.develop-tab .swiper-slide:nth-child(2n+1) .con{
    top: 0;
}
.develop-tab .swiper-slide:nth-child(2n) .con{
    bottom: 0;
}

.develop-tab .prev,
.develop-tab .next{
    position: absolute;
    top: 50%;
    width: 8px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-top: -9px;
    z-index: 3;
}
.develop-tab .prev{
    background-image: url('../img/develop-prev.png');
    left: .4rem;
}
.develop-tab .next{
    right: .4rem;
    background-image: url('../img/develop-next.png');
}
.company-box{
    padding: 2rem 0 1.75rem;
}
.company-box .about-tit{
    text-align: center;
}
.company-box .img{
    text-align: center;
    margin-top: 1.25rem;
}
.company-box .img img{
    max-width: 100%;
}
.company-more{
    width: 6.5rem;
}
.company-more .txt{
    font-size: .45rem;
    background-color: rgba(0,169,159,.7);
}
.company-more .border{
    border-color: rgba(0,0,0,.25);
}
.company-list{
    margin-top: 1.2rem;
    padding-top: .75rem;
    border-top: 1px solid #d6d6d6;
}
.company-tit{
    font-size: .45rem;
    line-height: .5rem;
}
.company-list .list{
    margin-top: .7rem;
}
.company-list .list .row{
    margin: 0 -.35rem;
}
.company-list .list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .6rem;
}
.company-list .list .con-box{
    box-shadow: 0 5px 10px rgba(0,0,0,.15);
    background-color: #fff;
}
.company-list .list .city{
    font-size: .4rem;
    line-height: .95rem;
    color: #00a99f;
    background: #e5e5e5;
    padding: 0 .5rem;
}
.company-list .list .con-wrap{
    padding: .6rem .9rem .8rem;
    background-color: #fff;
    position: relative;
}
.company-list .list .con-wrap:before{
    content: "";
    position: absolute;
    left: -5px;
    bottom: -18px;
    width: 23px;
    height: 31px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/company-sj.jpg');
}
.company-list .list .tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #333;
}
.company-list .list .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    margin-top: .4rem;
}
.factory-video{
    padding: 1.75rem 0 2.5rem;
    background-color: #f2f2f2;
}
.factory-video .about-tit{
    text-align: center;
}
.factory-video .img{
    margin-top: .9rem;
    position: relative;
}
.factory-video img{
    width: 100%;
}
.factory-video .play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.65rem;
    transform: translate(-50%, -50%);
}
.factory-info-box{
    position: relative;
}
.factory-tab{
    float: right;
    width: 50%;
    overflow: hidden;
    position: relative;
    z-index: 3;
}
.factory-tab img{
    width: 100%;
}
.factory-tab .btns{
    position: absolute;
    left: .9rem;
    bottom: .5rem;
    z-index: 3;
    font-size: 0;
}
.factory-tab .btns .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: .375rem;
    border-radius: 100%;
}
.factory-tab .btns .swiper-pagination-bullet-active{
    background-color: #00a99f;
}
..factory-info-box{
    overflow: hidden;
}
.factory-info-box .text-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.factory-info-box .text{
    position: absolute;
    left: 0;
    top: 12.461%;
    width: 100%;
}
.factory-info-box .con{
    width: 38.88%;
    font-size: .35rem;
    line-height: .75rem;
    color: #666;
    margin-top: 1.25rem;
}
.event-tab-box{
    position: relative;
}
.event-tab-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: .3rem;
    margin-top: -.15rem;
    background-color: #bfbfbf;
}
.event-box{
    background-color: #e5f6f5;
    padding: 1.75rem 0 2.25rem;
    overflow: hidden;
}

.event-tab{
    /* padding: 2.75rem 2.35rem; */
    padding: 2.75rem 0;
    margin-top: .9rem;
    position: relative;
    z-index: 3;
    cursor: url('../img/point.png'),pointer;
    /* overflow: hidden; */
}
.event-tab .swiper-slide{
    width: auto;
    margin-right: 2.25rem;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.event-tab .swiper-slide-visible{
    opacity: 1;
    filter: alpha(opacity=100);
}

.event-box .swiper-slide:last-child{
    /* margin-right: 0; */
}
.event-box .year{
    width: 3.95rem;
    height: 3.95rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/event-bg1.png');
    box-sizing: border-box;
    text-align: center;
    line-height: 3.95rem;
    font-size: .6rem;
    font-family: arial;
    font-weight: bold;
    color: #00a99f;
    position: relative;
}
.event-box .year:before{
    content: "";
    position: absolute;
    right: -.125rem;
    top: 2rem;
    width: .575rem;
    height: .85rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('../img/year-arrow1.png');
}

.event-box .swiper-slide:nth-child(2n) .year:before{
    background-image: url('../img/year-arrow2.png');
    top: 1.15rem;
}

.event-box .swiper-slide:nth-child(2n) .year{
    background-image: url('../img/event-bg2.png');  
}
.event-box .text-box{
    position: absolute;
    left: 2.175rem;
    height: 2.75rem;
    width: 4.75rem;
    border-left: 1px solid #bfbfbf;
}
.event-box .text-box .text{
    padding-left: .6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
}
.event-box .swiper-slide:nth-child(2n+1) .text-box{
    bottom: -2.75rem;
}
.event-box .swiper-slide:nth-child(2n) .text-box{
    top: -2.75rem;
}
.event-box .swiper-slide:nth-child(2n) .text{
    bottom: auto;
    top: 0;
}

.event-box .text-box .text .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.event-box .text-box .text .con{
    font-size: .35rem;
    line-height: .6rem;
}
.event-tab-wrap .prev,
.event-tab-wrap .next{
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #fff;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
    box-shadow: 0 5px 10px rgba(4,36,61,.5);
    z-index: 3;
    display: none;
}
.event-tab-wrap .prev{
    left: 0;
    background-image: url('../img/event-prev.png');
}
.event-tab-wrap .next{
    right: 0;
    background-image: url('../img/event-next.png');
}

.main-product-box{
    padding: 2rem 0 3rem;
}
.main-product-box .about-tit{
    text-align: center;
}
.main-product{
    margin-top: 1.5rem;
}
.main-product .row{
    margin: 0 -.95rem;
}
.main-product .item{
    box-sizing: border-box;
    padding: 0 .95rem;
}
.main-product .con-box{
    padding: .9rem 1.75rem 1rem;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.25);
    transition: all .3s;
}
.main-product .item .icon{
    width: 1.65rem;
    position: relative;
    margin: 0 auto;
}
.main-product .item .icon img{
    width: 100%;
    transition: all .3s;
}
.main-product .item .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.main-product .item .tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #00a99f;
    margin-top: .3rem;
    text-align: center;
    transition: all .3s;
}
.main-product .item .con{
    font-size: .35rem;
    line-height: .75rem;
    color: #666;
    margin-top: .75rem;
    text-align: center;
    height: 3rem;
    transition: all .3s;
}
.test-box{
    padding: 1.5rem 0 1rem;
    background-color: #f2f2f2;
}
.test-box .about-tit{
    text-align: center;
}
.test-box .test-btns{
    font-size: 0;
    text-align: center;
    margin-top: .8rem;
}
.test-box .test-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3.7rem;
    height: 1rem;
    background-color: #fff;
    border-radius: .5rem;
    color: #333;
    font-size: .4rem;
    text-align: center;
    margin: 0 .25rem;
    line-height: 1rem;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    transition: all .3s;
}
.test-box .test-btns a.cur{
    color: #fff;
    background-color: #00a99f;
}
.test-tab-box{
    margin-top: 1rem;
}
.test-tab-box .test-item{
    display: none;
}
.test-tab-box .top-box{
    border-top: 4px solid #00a99f;
    padding: 1.125rem 1.25rem 1.2rem 1.875rem;
    background-color: #fff;
}
.test-tab-box .top-box .text-box{
    float: left;
    width: 36.474%;
}
.test-tab-box .top-box .text-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.test-tab-box .top-box .text-box .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    margin-top: .4rem;
}
.test-tab-box .top-box .img{
    float: right;
    width: 49.164%;
}
.test-tab-box .top-box .img img{
    width: 100%;
}
.test-list{
    margin-top: .5rem;
}
.test-list .row{
    margin: 0 -.25rem;
}
.test-list .item{
    box-sizing: border-box;
    padding: 0 .25rem;
    margin-bottom: .5rem;
}
.test-list .con-box{
    padding: .2rem;
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
}
.test-list .con-box img{
    width: 100%;
}

.pro-nav-box{
    font-size: 0;
    text-align: center;
    background-color: #f2f2f2;
    position: relative;
}
.pro-nav-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .8rem;
}
.pro-nav-box .item .icon-box{
    display: block;
    width: 4.25rem;
    padding: .75rem 0;
    text-align: center;
    position: relative;
    transition: all .3s;
    z-index: 3;
}
.pro-nav-box .item .icon-box:before{
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -12px;
    border: 12px solid transparent;
    border-top-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.pro-nav-box .item .icon{
    position: relative;
    width: .925rem;
    margin: 0 auto;
}
.pro-nav-box .item .icon img{
    width: 100%;
    transition: all .3s;
}
.pro-nav-box .item .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.pro-nav-box .item .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-top: .2rem;
    transition: all .3s;
}
.pro-nav-box .item .sub{
    position: absolute;
    left: 0;
    top: 3.125rem;
    width: 100%;
    background-color: #00a99f;
    white-space: nowrap;
    overflow: auto;
    display: none;
}
.pro-nav-box .item .sub a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1.35rem;
    height: 1.35rem;;
    color: #fff;
    margin: 0 2.25rem;
    padding-left: .4rem;
    position: relative;
}
.pro-nav-box .item .sub a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    box-sizing: border-box;
    border: 2px solid #f3f2f1;
    margin-top: -3px;
}

.pro-nav-box .item.cur .icon-box{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.pro-nav-box .item.cur .icon-box .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.pro-nav-box .item.cur .icon-box:before{
    opacity: 1;
    filter: alpha(opacity=100);
}
.pro-nav-box .item.cur .icon-box .init{
    opacity: 0;
    filter: alpha(opacity=0);
}
.pro-nav-box .item.cur .icon-box .txt{
    color: #00a99f;
}
.product-box{
    padding: 0 0 2.5rem;
}
.pro-list{
    border-bottom: 1px solid rgba(80,80,80,.1);
    padding: 1.25rem 0 .15rem;
}
.pro-list:last-child{
    margin-bottom: 0;
}
.clear-sub{
    height: 1.35rem;
}
.pro-list .tit-box{
    position: relative;
    padding-bottom: .4rem;
    border-bottom: 2px solid #dcdcdc;
    margin-bottom: .75rem;
}
.pro-list .tit-box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 33.54%;
    height: 2px;
    background-color: #505050;
}
.pro-list .tit-box .pro-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #000;
}
.pro-list .tit-box .pro-desc{
    font-size: .4rem;
    line-height: .5rem;
    color: #333;
    margin-top: .2rem;
}
.pro-list .list1 .row{
    margin: 0 -.3rem;
}
.pro-list .list1 .item{
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 .3rem;
    margin-bottom: .6rem;
}
.pro-list .list1 .con-box{
    display: block;
    padding: .35rem;
    background-color: #fff;
    border: 1px solid #cdcdcd;
    text-align: center;
    position: relative;
    transition: all .3s;
}
.pro-list .list1 .con-box .cn{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro-list .list1 .con-box .en{
    font-size: .3rem;
    line-height: .4rem;
    height: .4rem;
    color: #999;
    margin-top: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pro-list .list1 .con-box .img{
    margin-top: .4rem;
}
.pro-list .list1 .con-box .img img{
    width: 100%;
}
.pro-list .list2 .row{
    margin: 0 -.35rem;
}
.pro-list .list2 .item{
    box-sizing: border-box;
    padding: 0 .375rem;
    margin-bottom: .75rem;
}
.pro-list .list2 .con-box{
    display: block;
    border: 1px solid #cdcdcd;
    padding: .7rem .45rem .7rem .8rem;
    position: relative;
    transition: all .3s;
}
.pro-list .list2 .con-box .text{
    float: left;
    width: 34.5679%;
}
.pro-list .list2 .con-box .text .tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
}
.pro-list .list2 .con-box .text .con{
    font-size: .35rem;
    line-height: .6rem;
    margin-top: .4rem;
    color: #666;
    height: 1.2rem;
    overflow: hidden;
}
.pro-list .list2 .con-box .img{
    float: right;
    width: 64.19753%;
}
.pro-list .list2 .con-box .img img{
    width: 100%;
}
.pro-list .list2 .con-box .pro-more{
    width: 3rem;
    height: .9rem;
    line-height: .9rem;
    color: #f3f3f3;
    background-color: #00a99f;
    text-align: center;
    font-size: .3rem;
    margin-top: .5rem;
}

.pro-list .list1 .con-box:before,
.pro-list .list2 .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 4px solid #00a99f;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.productlist-box{
    padding-top: 1.35rem;
    padding-bottom: 1.8rem;
}
.product-bread{
    padding: .5rem 0;
    border-bottom: 1px solid #d6d6d6;
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
    padding-left: .75rem;
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 11px;
    background-image: url('../img/product-bread.png');
    margin-bottom: 1.25rem;
}
.product-bread span{
    color: #00a99f;
}
.productlist-box .pro-list{
    margin: 0;
    padding: 0;
    border: none;
}
.pro-list .list3 .row{
    margin: 0 -.35rem;
}
.pro-list .list3 .item{
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .7rem;
}
.pro-list .list3 .con-box{
    display: block;
    border: 1px solid #cdcdcd;
    padding: .7rem 1rem;
    position: relative;
    transition: all .3s;
}

.pro-list .list3 .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 4px solid #00a99f;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.pro-list .list3 .con-box .cn{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
    transition: all .3s;
}
.pro-list .list3 .con-box .en{
    font-size: .3rem;
    line-height: .4rem;
    height: .4rem;
    margin-top: .2rem;
    color: #999;
    transition: all .3s;
}
.pro-list .list3 .con-box .con{
    font-size: .35rem;
    color: #666;
    line-height:.75rem;
    margin-top: .4rem; 
    height: 1.5rem;
    overflow: hidden;
}
.pro-list .list3 .con-box .more{
    float: right;
    font-size: 0;
    text-align: center;
    padding: 0 .35rem;
    border: 1px solid #ccc;
    transition: all .3s;
    margin-top: .2rem;
}
.pro-list .list3 .con-box .more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .3rem;
    line-height: .75rem;
    color: #666;
    padding-right: .375rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/list-detail.png');
    transition: all .3s;
}
.clearfixed{
    height: 2.2rem;
}
.productinfo-bread-box{
    background-color: #00a99f;
}
.productinfo-bread-box .product-bread{
    border: none;
    margin: 0;
    color: #fff;
    background-image: url('../img/product-bread2.png');
}
.productinfo-bread-box .product-bread span{
    font-weight: bold;
    color: #fff;
}
.ban-productinfo{
    position: relative;
}
.ban-productinfo img{
    width: 100%;
}
.ban-productinfo .text-box{
    position: absolute;
    left: 0;
    top: 18.58%;
    width: 100%;
}
.ban-productinfo .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.ban-productinfo .desc{
    font-size: .45rem;
    line-height: .5rem;
    color: #00a99f;
    margin-top: .4rem;
}
.ban-productinfo .line{
    width: 1.75rem;
    height: 3px;
    background-color: #00a99f;
    margin-top: .6rem;
}
.ban-productinfo .con{
    font-size: .35rem;
    line-height: .75rem;
    color: #666;
    margin-top: 1.5rem;
}
.info-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.model-box{
    padding: .9rem 0 0;
    background-color: #333;
}
.model-box .info-tit,
.model-box .model-list{
   /*  display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle; */
}
.model-box .info-tit{
    color: #fff;
    float: left;
    line-height: 1.25rem;
}
.model-box .model-list{
    font-size: 0;
    /* margin-left: 1.25rem; */
    float: right;
    width: 88.88%;
}
.model-box .model-list span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3.75rem;
    height: 1.25rem;
    border: 1px solid rgba(255,255,255,.5);
    font-size: .45rem;
    color: #f7f7f7;
    line-height: 1.25rem;
    border-radius: 3px;
    text-align: center;
    margin-right: .95rem;
    margin-bottom: .9rem;
}
.params-box{
    padding: .6rem 0;
    border-bottom: 1px solid #ddd;
}
.params-box{
    font-size: 0;
}
.params-box .info-tit,
.params-box .txt,
.params-box .read-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.params-box .txt{
    font-size: .4rem;
    line-height: .5rem;
    margin-left: 1.25rem;
    color: #666;
}
.params-box .read-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 .6rem;
    background-color: #00a99f;
    border-radius: 3px;
    margin-left: 1.45rem;
}
.params-box .read-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.25rem;
    height: 1.25rem;
    padding-left: .75rem;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: .4rem;
    color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url('../img/read-btn.png');
}
.adv-box{
    padding: 1rem 0 3.25rem;
}
.adv-box .desc{
    margin-top: .3rem;
    font-size: .45rem;
    line-height: .7rem;
    color: #00a99f;
    margin-top: .4rem;
}
.adv-box .adv-list{
    margin-top: .6rem;
}
.adv-box .adv-list .item{
    padding: .75rem 1.25rem;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    margin-bottom: .6rem;
    border-radius: 3px;
}
.adv-box .adv-list .item:last-child{
    margin-bottom: 0;
}

.adv-box .adv-list .adv-desc{
    margin-top: .25rem;
    font-size: .35rem;
    line-height: .4rem;
    color: #333;
    font-weight: bold;
}
.adv-box .adv-list .con{
    font-size: .35rem;
    line-height: .75rem;
    color: #666;
    margin-top: .75rem;
}
.adv-box .adv-list .con img{
    max-width: 100%;
}
.app-box{
    padding:2rem 0 2.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.app-box .info-tit{
    text-align: center;
}
.app-box .app-list{
    margin-top: 1rem;
}
.app-box .app-list .row{
    margin: 0 -.5rem;
}
.app-box .app-list .item{
    padding: 0 .5rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.app-box .app-list .con-box{
    display: block;
    position: relative;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.app-box .app-list .img{
    float: left;
    width: 71.4%;
}
.app-box .app-list .img img{
    width: 100%;
}
.app-box .app-list .text-box{
    position: absolute;
    right: 0;
    top: 0;
    width: 28.6%;
    height: 100%;
    background-color: #fff;
    transition: all .3s;
}
.app-box .app-list .text{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.app-box .app-list .text .icon{
    width: 1.075rem;
    margin: 0 auto;
    position: relative;
}
.app-box .app-list .text .icon img{
    width: 100%;
    display: block;
    transition: all .3s;
}
.app-box .app-list .text .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.app-box .app-list .text .txt{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    text-align: center;
    margin-top: .5rem;
    transition: all .3s;
}
.app-dialog-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 90;
    display: none;
}
.app-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8;
    filter: alpha(opacity=80);
}
.app-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 25rem;
    box-sizing: border-box;
    padding: 1.25rem;
    background-color: #fff;
    border-radius: 6px;
}
.app-dialog .tit{
    font-size: .6rem;
    line-height: .8rem;
    font-weight: bold;
}
.app-dialog .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .3rem;
    max-height: 7.5rem;
    overflow: hidden;
}
.app-dialog .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00a99f;
    width: 3px;
}
.app-dialog .con .mCSB_scrollTools{
    width: 3px;
}
.app-dialog .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: #f5f5f5;
}
.app-dialog .app-close{
    position: absolute;
    right: .75rem;
    top: .7rem;
    width: .425rem;
    height: .425rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/app-close.png');
}
.link-box{
    padding: 1rem 0 .6rem;
    text-align: center;
    background-color: #f5f5f5;
}
.link-box .list{
    font-size: 0;
    margin-top: .5rem;
}
.link-box .list a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 5.25rem;
    height: 1rem;
    border: 1px solid #d0d0d0;
    line-height: 1rem;
    margin: 0 .2rem .4rem;
    border-radius: .5rem;
    transition: all .3s;
}

.link-box .list a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .4rem;
    padding-bottom: 1px;
    border-bottom: 1px solid #666;
    line-height: .5rem;
    vertical-align: middle;
    color: #666;
    transition: all .3s;
}
.link-box .tip{
    margin-top: .5rem;
    color: #00a99f;
    font-size: .35rem;
    line-height: .4rem;
}
.float-box{
    position: fixed;
    right: 6.25%;
    bottom: 17.7%;
    z-index: 30;
    display: none;
}
.float-box .item{
    position: relative;
    margin-bottom: 1px;
}
.float-box .tit{
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #4e4f4f;
    background-size: .625rem;
}
.float-box .top-btn{
    /* position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    right: -3rem; */
    background-color: #00a99f;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    box-sizing: border-box;
    padding-top: .4rem;
}
.float-box .item:nth-child(1) .tit{
    background-image: url('../img/float-icon1.png');
}
.float-box .item:nth-child(2) .tit{
    background-image: url('../img/float-icon2.png');
}
.float-box .item:nth-child(1),
.float-box .item:nth-child(2){
    display: none;
}

.sp-page .float-box .item:nth-child(1),
.sp-page .float-box .item:nth-child(2){
    display: block;
}
.float-box .sub{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color: #00a99f;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    display: none;
}
.float-box .tel{
    white-space: nowrap;
    padding: 0 .75rem 0 1.6rem;
    line-height: 1.375rem;
    font-size: .5rem;
    font-family: arial;
    color: #fff;
    border-radius: .6875rem 0 0 .6875rem;
    background-repeat: no-repeat;
    background-position: .7rem;
    background-image: url('../img/float-icon1.png');
    background-size: .625rem;
    
}
.float-box .bshare-custom{
    white-space: nowrap;
    padding: .4rem .75rem 0 1.8rem;
    background-repeat: no-repeat;
    background-position: .7rem;
    background-image: url('../img/float-icon2.png');
    background-size: .625rem;
    line-height: 1.375rem;
    height: 1.375rem;
    box-sizing: border-box;
    border-radius: .6875rem 0 0 .6875rem;
    font-size: 0;
}
.float-box .bshare-custom a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .55rem;
    height: .55rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin-right: .3rem;
}
.float-box .bshare-custom a:last-child{
    margin-right: 0;
}
.float-box .bshare-custom .bshare-weixin{
    background-image: url('../img/share-icon1.png');
}
.float-box .bshare-custom .bshare-sinaminiblog{
    background-image: url('../img/share-icon2.png');
}
.float-box .bshare-custom .bshare-qqim{
    background-image: url('../img/share-icon3.png');
}

.news-box{
    margin-top: -2rem;
    position: relative;
    z-index: 3;
    padding-bottom: 2.5rem;
}
.first-box{
    position: relative;
    display: block;
}
.first-box .img{
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: .25rem;
    background-color: #00a99f;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.first-box .img img{
    width: 100%;
}
.first-box .text-box{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 47.64%;
    padding-bottom: .6rem;
    border-bottom: 1px solid #ddd;
}
.first-box .text-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.first-box .text-box .time{
    font-size: .3rem;
    line-height: .4rem;
    color: #00a99f;
    font-family: arial;
    margin-top: .3rem;
    font-weight: bold;
}
.first-box .text-box .con{
    font-size: .4rem;
    line-height: .75rem;
    height: 1.5rem;
    overflow: hidden;
    color: #666;
    margin-top: .6rem;
}
.first-box .text-box .arrow{
    float: right;
    margin-top: 1.25rem;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/news-arrow.png');
}
.news-box .list{
    margin-top: 6px;
}
.news-box .list .item{
    position: relative;
    display: block;
    padding: .6rem 0 .6rem .9rem;
    border-bottom: 1px solid rgba(84,84,84,.2);
    transition: all .3s;
}
.news-box .list .item .left{
    float: left;
    width: 63.475%;
}
.news-box .list .item .time{
    font-size: .3rem;
    line-height: .4rem;
    color: #00a99f;
    font-family: arial;
    font-weight: bold;
}
.news-box .list .item .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #333;
    margin-top: .4rem;
    transition: all .3s;
}
.news-box .list .item .con{
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
    margin-top: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
}
.news-box .list .item .arrow{
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/news-arrow.png');
    margin-top: -4px;
    transition: all .3s;
}
.page{
    font-size: 0;
    text-align: center;
}
.page a{
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1rem;
    height: 1rem;
    border: 1px solid rgba(0,0,0,.1);
    line-height: 1rem;
    text-align: center;
    font-size: .4rem;
    font-family: arial;
    color: #666;
    margin: 0 2px;
    transition: all .3s;
}
.page .prev,
.page .next{
    background-repeat: no-repeat;
    background-position: center;
    background-size: .3rem;
}
.page .prev{
    background-image: url('../img/page-prev.png');
}
.page .next{
    background-image: url('../img/page-next.png');
}

.page a.active{
    color: #fff;
    background-color: #00a99f;
    border-color: #00a99f;
}
.news-box .page{
    margin-top: 1.25rem;
}
.newsinfo-tit{
    padding: 1.5rem 0 1rem;
    background-color: #00a99f;
    text-align: center;
}
.newsinfo-tit .tit{
    font-size: .75rem;
    color: #fff;
    line-height: .8rem;
}
.newsinfo-tit .time{
    font-size: .3rem;
    line-height: .4rem;
    font-family: arial;
    margin-top: .4rem;
    color: #fff;
}
.newsinfo{
    padding: 1.75rem 0 2.5rem;
}

.newsinfo video,
.newsinfo iframe{
    display: block;
    margin: 0 auto;
    width: 80%;
    height: 15rem;
}
.newsinfo .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
}
.newsinfo .con img{
    max-width: 100%;
}
.newsinfo .ctrl-box{
    padding-top: .7rem;
    margin-top: 2rem;
    border-top: 1px solid #a9a9a9;
}
.newsinfo .ctrl{
    float: left;
    width: 70%;
}
.newsinfo .ctrl .item{
    margin-bottom: .25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.newsinfo .ctrl .item,
.newsinfo .ctrl .item a{
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
}
.newsinfo .ctrl .item a{
    color: #333;
    text-decoration: underline;
    transition: all .3s;
}
.newsinfo .back{
    margin-top: .35rem;
    font-size: 0;
    float: right;
    padding: 0 1rem;
    border-radius: .5rem;
    border: 1px solid rgba(51,51,51,.25);
    transition: all .3s;
}
.newsinfo .back span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-left: .35rem;
    background-repeat: no-repeat;
    background-position: left center;
    font-size: .35rem;
    color: #333;
    line-height: 1rem;
    height: 1rem;
    background-image: url('../img/back-arrow.png');
    transition: all .3s;
}
.ban-search{
    margin-top: 1rem;
    padding: .5rem .7rem;
    width: 14.375rem;
    border: 1px solid rgba(255,255,255,.5);
}
.search-ban .text-box{
    top: 32%
}
.ban-search input[type=text]{
    float: left;
    width: 93.913%;
    height: .5rem;
    line-height: .5rem;
    font-size: .4rem;
    color: #fff;
    background-color: transparent;
}
.ban-search input[type=text]::-webkit-input-placeholder{
    color:#fff;  
}  
.ban-search input[type=text]:-moz-placeholder{
    color:#fff;
}  
.ban-search input[type=text]::-moz-placeholder{
    color:#fff;
}  
.ban-search input[type=text]:-ms-input-placeholder {
    color:#fff;
}
.ban-search input[type=submit]{
    float: right;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/ban-search.png');
    background-color: transparent;
}
.search-box{
    padding-bottom: 2.5rem;
}
.search-box .product-bread{
    margin-bottom: 0;
}
.search-box .list{
    margin-top: .45rem;
}
.search-box .list .item{
    display: block;
    padding: .4rem;
    border: 1px solid #cdcdcd;
    margin-bottom: .3rem;
    position: relative;
    transition: all .3s;
}
.search-box .list .img{
    float: left;
    width: 10.58%;
}
.search-box .list .img img{
    width: 100%;
}
.search-box .list .text{
    float: left;
    margin-left: 2.17%;
    width: 72.8%;
}
.search-box .list .text .tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
}
.search-box .list .text .model{
    font-size: .3rem;
    line-height: .4rem;
    color: #999;
    margin-top: .2rem;
}
.search-box .list .text .con{
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    margin-top: .2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.search-box .list .arrow{
    position: absolute;
    right: 1.1rem;
    top: 50%;
    margin-top: -.4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    border-radius: 100%;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    background-image: url('../img/search-jia.png');
    background-size: .25rem;
    transition: all .3s;
}
.search-box .list .item.on{
    padding-left: .85rem;
}
.search-box .list .item.on .text{
    margin-left: 0;
}
.custom-message-box{
    background-color: #19b1a8;
    position: relative;
}
.custom-message-box .img{
    /* float: right; */
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.custom-message-box .img img{
    width: 100%;
    display: none;
}
.custom-message{
    padding: 2.5rem 0;
}
.custom-message .cusom-wrap{
    width: 42.7%;
}
.custom-message .about-tit{
    color: #fff;
}
.custom-message .desc{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .5rem;
}
.custom-message .index-form{
    margin-top: 1.4rem;
}
.custom-message .index-form .tit{
    color: #fff;
}
.custom-message .index-form input[type=text],
.custom-message .index-form .message-box textarea{
    background-color:#25b5ac;
    border-color: rgba(255,255,255,.5);
    color: #fff;
}

.custom-message .index-form input[type=text]::-webkit-input-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacity=50);  
}  
.custom-message .index-form input[type=text]:-moz-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacit50y=);
}  
.custom-message .index-form input[type=text]::-moz-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacit50y=);
} 

.custom-message .index-form .message-box textarea::-webkit-input-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacity=50);  
}  
.custom-message .index-form .message-box textarea:-moz-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacit50y=);
}  
.custom-message .index-form .message-box textarea::-moz-placeholder{
    color:#fff;
    opacity: .5;
    filter: alpha(opacit50y=);
}  
.custom-message .index-form .message-box textarea:-ms-input-placeholder {
    color:#fff;
    opacity: .5;
    filter: alpha(opacit50y=);
}
.custom-message .index-form .submit-item{
    /* margin-top: .25rem; */
}
.custom-message .index-form input[type=submit]{
    display: block;
    width: 3.75rem;
    height: 1rem;
    background-color: #fff;
    text-align: center;
    color: #00a99f;
    font-size: .4rem;
    /* margin-left: 32%; */
    box-shadow: 0 5px 5px rgba(0,51,51,.25);
}
.contact-box .about-tit{
    padding: 1.5rem 0 .9rem;
    text-align: center;
}
.contact-map-box{
    padding: .5rem 0 1.4rem;
    background-color: #f2f4f6;
    border-top: 1px solid #e2e4e5;
}
.contact-map-box .m-box{
    display: none;
}
.contact-map-box .map-img{
    width: 74.17%;
    margin: 0 auto;
    position: relative;
}
.contact-map-box .map-img img{
    width: 100%;
}
.contact-map-box .map-img .item{
    position: absolute;
}

.contact-map-box .map-img .item:nth-child(1){
    right: 18.73%;
    top: 54.945%;
}
.contact-map-box .map-img .item:nth-child(2){
    right: 21.91%;
    top: 52.5%;
}
.contact-map-box .map-img .item:nth-child(3){
    right: 27.9%;
    top: 34.676%;
}
.contact-map-box .map-img .item:nth-child(4){
    right: 20.6%;
    top: 33.94%;
}
.contact-map-box .map-img .item:nth-child(5){
    right: 21.54%;
    top: 40.66%;
}

.contact-map-box .map-img .item:nth-child(6){
    right: 30.9%;
    top: 60.07%;
}
.contact-map-box .map-img .item:nth-child(7){
    right: 51%;
    top: 62.5%;
}
.contact-map-box .map-img .item:nth-child(8){
    right: 30.15%;
    top: 31.746%;
}

.contact-map-box .map-img .point{
    display: block;
}
.contact-map-box .map-img .icon{
    width: .85rem;
    height: 1.05rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/contact-point.png');
    transition: all .3s;
}
.contact-map-box .map-img .city{
    position: absolute;
    bottom: -.25rem;
    right: .95rem;
    font-size: .45rem;
    color: #666;
    white-space: nowrap;
    line-height: .5rem;
    transition: all .3s;
}
.contact-map-box .info-list{
    position: absolute;
    left: 0;
    top: 28%;
    width: 14.35rem;
}
.contact-map-box .info-list .item{
    display: none;
    box-shadow: 0 5px 10px rgba(4,0,0,.2);
}
.contact-map-box .info-list .tit{
    height: .5rem;
    line-height: .6rem;
    padding: .4rem .75rem;
    background-color: #fff;
    font-size: .5rem;
    color: #449994;
}
.contact-map-box .info-list .info-con{
    padding: .5rem .75rem .6rem;
    background-color: #00a99f;
}
.contact-map-box .info-item{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    padding-left: .9rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    margin-bottom: .4rem;
}
.contact-map-box .info-item:last-child{
    margin-bottom: 0;
}
.contact-map-box .info-item:nth-child(1){
    background-image: url('../img/info-icon1.png');
}
.contact-map-box .info-item:nth-child(2){
    background-image: url('../img/info-icon2.png');
}
.contact-map-box .info-item:nth-child(3){
    background-image: url('../img/info-icon3.png');
}
.contact-map-box .map-img .item.cur .icon{
    background-image: url('../img/contact-point2.png');
}
.contact-map-box .map-img .item.cur .city{
    color: #449994;
}

.recruit-box{
    padding: 1.5rem 0 1.65rem;
}
.recruit-box .about-tit{
    text-align: center;
}

.recruit-list{
    margin-top: .75rem;
}
.recruit-box .top-box{
    background-color: #666;
    padding: .6rem .9rem;
    font-size: 0;
}
.recruit-box .tit-box{
    font-size: 0;
}
.recruit-box .top-box span,
.recruit-box .tit-box span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.recruit-box .staff{
    width: 30.99%
}
.recruit-box .type{
    width: 17.94%;
}
.recruit-box .address{
    width: 17.94%;
}
.recruit-box .num{
    width: 19.1%;
}
.recruit-box .top-box span{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
}
.recruit-box .list{
    margin-top: .25rem;
}
.recruit-box .list li{
    margin-bottom: .2rem;
    border: 1px solid #e5e5e5;
    transition: all .3s;
}
.recruit-box .list li:last-child{
    margin-bottom: 0;
}
.recruit-box .list .tit-box{
    display: block;
    padding: .4rem .75rem;
    transition: all .3s;
}
.recruit-box .tit-box span{
    font-size: .4rem;
    line-height: .5rem;
    color: #333;
    transition: all .3s;
}
.recruit-box .tit-box .staff{
    font-size: .6rem;
    line-height: .7rem;
}

.recruit-box .list .sub{
    display: none;
    padding: .75rem .9rem;
    background-color: #f8f8f8;
}
.recruit-box .list .con-box{
    float: left;
    width: 39.7%;
}
.recruit-box .list .con-box:nth-child(2){
    float: right;
    margin-right: 2.25rem;
}
.recruit-box .list .tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
}
.recruit-box .list .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #333;
    opacity: .7;
    filter: alpha(opacity=70);
    margin-top: .3rem;
}
.recruit-box .list .btns{
    margin-top: .65rem;
    padding-top: .65rem;
    border-top: 1px solid rgba(51,51,51,.1);
}
.recruit-box .list .btns .apply-btn{
    float: left;
    background-color: #333;
    padding: 0 .5rem 0 .7rem;
    height: 1rem;
    font-size: 0;
    border-radius: 4px;
    transition: all .3s;
}
.recruit-box .list .btns .apply-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 1rem;
    line-height: 1rem;
    font-size: .4rem;
    color: #fff;
    font-weight: bold;
    padding-right: .7rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .3rem;
    background-image: url('../img/apply-btn.png');
}
.recruit-box .list .close-btn{
    float: right;
    font-size: .35rem;
    line-height: .4rem;
    color: #00a99f;
    margin-top: .4rem;
    font-weight: bold;
}
.recruit-box .list li.cur{
    margin-bottom: .75rem;
}
.recruit-box .list li:last-child.cur{
    margin-bottom: 0;
}
.recruit-box .list li.cur .tit-box{
    background-color: #00a99f;
}
.recruit-box .list li.cur .tit-box span{
    color: #fff;
}

.recruit-box .list .page{
    margin-top: 1.25rem;
}
@media (max-width: 1680px){
    .index-factory-box .num-box .num span{
        margin-right: 0;
    }
}

@media (max-width: 1366px){
    .index-nav-box .copy,
    .index-nav-box .build{
        float: none;
    }
    .index-nav-box .build{
        margin-top: .2rem;
    }
    .index-nav-box .right .top-box{
        padding: 0 10% 3.4rem;
    }
    .index-nav-box .right .bottom-box{
        padding: .9rem 10% 2.75rem;
    }
    .search-form input[type=text]{
        width: 65%;
    }
    .index-btns-box .search-btn{
        top: 22%;
    }
    .index-btns{
        top: 35%;
    }
    .index-message-box .map{
        margin-top: 0;
    }
    .index-factory-box .num-box .num span{
        font-size: 1.1rem;
        line-height: 1.2rem;
    }
    .index-news .news-title{
        margin-top: .5rem;
    }
    .index-news .con{
        height: 1.5rem;
    }
    .index-news .item .con{
        height: 1.5rem;
        overflow: hidden;
    }
    .index-message-box .index-form{
        padding: 1.5rem 10% 1.5rem 19.79%;
    }

    .index-form input[type=text]{
        width: 60%;
    }
    .index-form .message-box textarea{
        width: calc(81% - 1rem - 2px);
    }
    .index-form .check-box input[type=text]{
        width: 35%;
        margin-left: 8%;
    }
    .index-form .check-box img{
        right: .3rem;
    }
    .index-form-box .submit{
        padding: .9rem 1rem 0 1rem;
    }
    .index-form-box .submit-box .tip{
        width: 40%;
        line-height: .6rem;
    }
    .index-message-box .message-title{
        padding-right: 10%;
    }
    .main-product .con-box{
        padding: .9rem .8rem 1rem;
    }
    .factory-info-box .con{
        width: 47%;
        margin-top: .5rem;
    }
    /* .custom-message .index-form input[type=submit]{
        margin-left: 39%;
    } */
}